<script setup>
  import { reactive } from 'vue'
  import {Search} from "@element-plus/icons-vue";
  const data = reactive({
    default: '请输入内容',
    input: '',
    text:"我们既然意识到自己的渺小，那就更应该变得强大。我们本来就是渺小的，只是从无知变得有知，你感到痛苦，是因为你在成长。"
  })

</script>

<template>
  <div >

    <el-input v-model="data.input" style="width: 240px" :placeholder=data.default :prefix-icon="Search"/>{{data.input}}
    <el-input v-model="data.input" style="width: 240px" :placeholder=data.default :suffix-icon="Search"/>{{data.input}}
    <el-input v-model="data.text" :rows="3" type="textarea" placeholder="请输入内容" style="width: 240px" />
  </div>
</template>
